﻿@charset "utf-8";
/* CSS Document */
html,body,h1,h2,h3,h4,h5,h6,pre,div,ul,ol,li,dl,dt,dd,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-style:normal;}
ul,ol {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td { line-height:30px; cursor:hand;}
select{ font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px; line-height:20px;}

body{font-size:12px; color: #333333; font-family:微软雅黑,Arial, Helvetica, sans-serif; background:#ffffff; font-size:12px;}
a{ font-family:微软雅黑,Arial,Helvetica,sans-serif; color:#333333; text-decoration:none; font-size:12px;}
a:hover{ color:#ff0000; text-decoration:none;}

.listpage{ display:block; float:left; width:100%; height:30px; overflow:hidden; text-align:right;}
.pagelist1.pages{ font-family:Webdings; cursor:hand;}
.pagelist1{ font-size:12px; padding:3x; margin:3px; text-align:right;}
.pagelist2{ font-size:11px; padding:3x; margin:3px; text-align:right;}
.pagelist2 a{ border:#ccc solid 1px; color:#0091ff; margin-right:2px; padding:2px 5px;}
.pagelist2 a:hover{ background:#0091ff; border:#ccc solid 1px; color:#fff;}
.pagelist2 span.current{ background:#0091ff; border:#ccc solid 1px; color:#FFFFFF; margin-right:2px; padding:2px 5px;}
.pagelist2 span.disabled{ border:#ddd solid 1px; color:#ddd; margin-right:2px; padding:2px 5px;}
.pagelist2 span.total{ font-size:12px; line-height:20px; margin:0 5px;}

.noInfo{ background:url(../images/loading.gif) left no-repeat; height:30px; padding-left:20px; line-height:30px;}
.clears{ clear:both; font-size:0; line-height:0;}

.fl{float:left;}.fr{float:right;}
.tar{text-align:right;}.tac{text-align:center;}.tal{text-align:left;}

.w250{width:250px;}
.h20{height:20px;}.h30{height:30px;}.h100{height:100px;}

.pt10{padding-top:10px;}.pl10{padding-left:10px;}.pr25{padding-right:25px;}.pr10{padding-right:10px;}
.ptb20{ padding:20px 0;}.ptb40{ padding:40px 0;}

.mgt10{margin-top:10px;}.mgb10{margin-bottom:10px;}.mgt20{margin-top:20px;}


.bg2{ background:#efefef}

.lh20{line-height:20px;}.lh25{line-height:25px;}
.bb{border-bottom:#cccccc solid 1px;}
.bbr{border-bottom:#ea1205 solid 1px;}
.dashline{ background:url(../Images/dashedline.gif) bottom repeat-x;}
.hidden{overflow:hidden;}
.relative { position:relative;}.absolute { position:absolute;}
.point{ color:#d10818;font-family:Georgia, "Times New Roman", Times, serif}

.info-title{ float:left; display:block; width:100%; height:50px; overflow:hidden; position:relative;background:url(../Images/ys_tbg.jpg) }
.info-title h3{ float:left; line-height:50px; color:#333; font-size:18px; padding-left:50px;}
.info-title h4{ height:40px; line-height:50px; font-size:16px;  overflow:hidden;  text-align:center; color:#ffffff;}
.info-title h5{ float:left; line-height:30px; color:#039240; font-size:13px; overflow:hidden;}
.info-title em{ float:left; margin-left:5px; height:40px; font: 12px/40px Arial, Helvetica, sans-serif; color:#fff; overflow:hidden; }
.info-title span{ float:right; padding-right:10px; line-height:35px; background:url(../Images/title-bg.png) right center no-repeat;}
.info-title span a.more{ float:left; display:block; width:33px; height:35px; background:url(../Images/more.png) center no-repeat; }

.info-title-bg{ background:url(../Images/title-bg.png) left center no-repeat;}

.wrapper{ float:left; width:100%; display:block;}
.top{ height:35px; background:url(../Images/top_bg.png) left bottom repeat-x;}
.top-wrapper{ width:1000px; margin:0 auto;}
.wel{ float:left; line-height:35px;}
.toplogin{ float:right; height:35px;}
.toplogin form{ float:left; margin-top:6px; height:22px; }
.toplogin span{ float:left; margin-left:5px; }
.header-info{ line-height:35px;}

.header-wrapper{ height:100px;}
.header{ width:1000px; height:100px; margin:0 auto; position:relative; }
.header h1{ position:absolute; top:10px; left:0px;}
.tel{ position:absolute; bottom:10px; right:0px; font: 14px/25px "Microsoft YaHei"; color:#666666; background:url(../Images/top.jpg) left center no-repeat; padding-left:100px; }
.tel span{ font-weight:bold; font-size:16px; }
.header p{position:absolute; top:15px; left:450px; font-size:16px;margin:10px 0 0; padding:0 0 10px 16px; background:url(../images/h_line.png) no-repeat 0 center; color:#333;}
.header b{display:block;color:#ff0000; font-size:24px; padding-bottom:4px;}

.lan{ position:absolute; top:0px; right:10px; line-height:35px; font-size:14px; font-weight:bold}
.lan i{ margin-left:5px; font-weight:normal;}
.lan i a{ color:#222; display:inline-block; padding-left:32px;}
.lan .china{ background:url(../Images/cn.png) no-repeat 0 center;}
.lan .english{ background:url(../Images/en.png) no-repeat 0 center;}


.search-wrapper{ background:#ff0000; color:#ffffff; padding:10px 0;}
.searchbox{ width:1000px; margin:0 auto; position:relative; }

.search-box{ float:left; margin-top:10px;}
.search-box .keyword-bg{ float:left; width:160px; height:30px;}
.search-box .keyword-bg input{ border:1px #CCCCCC solid; width:150px; line-height:28px; height:28px; font-family:微软雅黑; color:#666; font-size:12px;}

.menu-wrapper{ border-top:#CCC solid 1px; line-height:46px; background:url(../images/menubg.png) top left repeat-x; position:relative; z-index:10}
.menu{ width:1000px; line-height:46px; margin:0 auto; position:relative; z-index:9999;  }

#menu{width:1000px; float:left;}
#menu li{float:left; background:url(../images/h_line.png) no-repeat  right center; }

#menu li a{display:block; float:left; width:125px; height:46px; line-height:46px; font-size:14px; color:#fff; background:url(../images/menu_span_bg.png) repeat 50% 0px; text-align:center;}
#menubg{width:100%; height:0px; font-size:0px; background:#0976dc; position:absolute; z-index:9; left:0; top:42px; }
#menu li div{position:absolute; display:none; z-index:3; left:0; top:46px; width:1050px; height:330px;}
#menu li div a{display:block; width:190px; height:240px; padding-left:0; padding-right:0; padding-top:33px; float:left; line-height:normal; font-size:12px; color:#FFF; margin-left:10px; background:none;}
#menu li div a:first-child{margin-left:120; }
#menu li div .img{border:1px solid #7f7f7f; position:relative; width:190px; height:130px;}
#menu li div .img img{position:absolute; left:0; top:0px; z-index:1; width:190px; height:130px;}
#menu li div .img span{position:absolute; width:100%; height:100%; left:0px; top:0px; z-index:2; display:block; background:#FFF; }
#menu li div .tit{color:#FFF; padding-top:12px; font-size:14px; text-align:left;}
#menu li div .con{line-height:180%; padding-top:5px; color:#3c97d6; text-align:left}
#menu li div p.mM{width:190px; height:320px; float:right; padding-top:35px; position:relative; overflow:hidden;}
#menu li div p.mM a{display:block; border-top:1px solid #006db8; border-bottom:1px solid #3c97d6; margin-bottom:-1px; padding:10px 0px 12px 20px; float:none; width:188px; height:auto; font-size:14px; color:#ffffff; background:#3c97d6; margin-left:0; text-align:left; }

/*ul.menu-list{ float:left; width:1000px; z-index:5; }
ul.menu-list li{ float:left; width:125px; text-align:center; position:relative; z-index:10; background:url(../images/h_line.png) no-repeat  right center; }
ul.menu-list li a{ display:block; width:125px; height:40px; padding:15px 0; font:16px/40px 微软雅黑,Arial, Helvetica, sans-serif; }
ul.menu-list li a:hover,ul.menu-list li a.current{ background:#ff0000; color:#FFF;}
ul.menu-list li a.home{ background:#ff0000; color:#FFF;}
ul.menu-list li a.home span{ color:#FFF;}
ul.menu-list li .submenu{ position:absolute; top:70px; width:360px; padding:20px 30px; display:none; z-index:9999;background:#ff0000; border-radius:0 0 5px 5px;}
.menuleft{  left:0;}
.menuright{ right:0px;}
ul.menu-list li .submenu .sublist{ float:left; width:80px; overflow:hidden;}
ul.menu-list li .submenu .sublist a{ display:block; padding:0px 0px 0px 10px; text-align:left; height:25px; background:url(../images/arrow.png) left center no-repeat; line-height:25px; font-size:12px; font-weight:normal; color:#FFF; overflow:hidden; overflow:hidden;}
ul.menu-list li .submenu .sublist a:hover{ background:url(../images/arrow.png) left center no-repeat;}
ul.menu-list li .submenu .subcon{ float:right; border-left:#CCC solid 1px; padding-left:10px; width:260px;}
ul.menu-list li .submenu .subcon .subimg{ float:left; width:120px; height:150px; overflow:hidden;}
ul.menu-list li .submenu .subcon .subimg img{ width:120px; height:150px;}
ul.menu-list li .submenu .subcon .subbrief{ float:right; width:130px; height:150px; line-height:25px; overflow:hidden; text-align:left; color:#FFF;}*/


.fullSlide{ float:left; width:100%;  position:relative;  height:530px;  }	
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; width:100%;  }	
.fullSlide .bd ul{ width:100% !important;  }	
.fullSlide .bd li{ width:100% !important;  height:510px; overflow:hidden; text-align:center;  }	
.fullSlide .bd li a{ display:block; height:510px; }	
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; /*background:url(../images/touming.png) repeat-x;*/ text-align:center;		 _background:#000; _filter:alpha(opacity=60); 	}	
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }	
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 		line-height:9999px; 	}	
.fullSlide .hd ul .on{ background-position:0 0; }

.fullSlide .prev,
.fullSlide .next{ position:absolute; left:2%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat #333333; filter:alpha(opacity=50);opacity:0.5;   }
.fullSlide .next{ left:auto; right:2%; background-position:8px 5px; }
.fullSlide .prev:hover,
.fullSlide .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fullSlide .prevStop{ display:none;  }
.fullSlide .nextStop{ display:none;  }

.infullSlide{ float:left; width:100%;  position:relative;  height:350px;  }	
.infullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; width:100%;  }	
.infullSlide .bd ul{ width:100% !important;  }	
.infullSlide .bd li{ width:100% !important;  height:320px; overflow:hidden; text-align:center;  }	
.infullSlide .bd li a{ display:block; height:32px; }	
.infullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; /*background:url(../images/touming.png) repeat-x;*/ text-align:center;		 _background:#000; _filter:alpha(opacity=60); 	}	
.infullSlide .hd ul{ text-align:center;  padding-top:5px;  }	
.infullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:8px; height:8px; margin:5px; background:url(../images/tg_flash_p.png) -18px 0; overflow:hidden; 		line-height:9999px; 	}	
.infullSlide .hd ul .on{ background-position:0 0; }

/*优势*/
.advantagebg{  no-repeat center 10px; overflow:hidden;}
.advtitle{ float:left; display:block; width:100%px;}
.advtitle span{ display:block; float:left; margin-left:20px; font-family:"Microsoft YaHei"; font-size:40px; color:#0527af;}
.advtitle span i{ display:block;}
.advtitle span img{ width:195px; height:18px;}
.advtitle em{ display:block; float:left; font-size:50px; color:#c02d37; margin-left:20px;}

.advbg1{ float:left; width:550px; background:url(../images/ys_bg01.jpg) no-repeat center 0; height:200px; overflow:hidden; padding:81px 0 50px 450px;}
.advbg2{ float:left; width:550px; background:url(../images/ys_bg02.jpg) no-repeat center 0; height:250px; overflow:hidden; padding:62px 450px 0 0 ;}
.advbg3{ float:left; width:550px; background:url(../images/ys_bg03.jpg) no-repeat center 0; height:250px; overflow:hidden; padding:70px 0 0 450px;}
.advbg4{ float:left; width:550px; background:url(../images/ys_bg04.jpg) no-repeat center 0; height:250px; overflow:hidden; padding:70px 450px 0 0;}
.advbg5{ background:url(../images/ys_bg05.jpg) no-repeat center 0; height:374px; overflow:hidden;}

.advbox dl{ width:400px; display:inline-block;}
.advbox dl dt{ height:60px; border-bottom:#e6e6e6 1px solid; line-height:55px; font-family:"Microsoft YaHei"; font-size:32px; color:#0527af; overflow:hidden;}
.advbox dl dt em{ font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#d3d3d3; padding:0 0 0 10px;}
.advbox dl dd{ padding:10px 0 0;}
.advbox dl dd p{ font-family:"Microsoft YaHei"; font-size:14px; color:#797979; line-height:30px;}
.advbox dl dd p i{ color:#0527af;}




.1mainer-wrapper{ padding:15px 0; }
.1mainer{ width:1260px; margin:0 auto; overflow:hidden; }





.mainer-wrapper{ padding:0px 0; }
.mainer{ width:1250px; margin:0 auto; background:url(../Images/productbg.jpg) overflow:hidden; }

.culturebg{ background:url(../Images/culturebg.jpg) center top no-repeat }
.aboutbg{  center top no-repeat }

.side{ float:left; width:220px;}
.home-side-title{ float:left; width:220px; line-height:56px; text-align:center; font-size:20px; color:#FFF; background:url(../images/left.jpg) top left repeat-x; border-radius:0px 0px 0 0}
.home-side-title span{ font-size:12px; line-height:15px;}
.side-box{ float:left; width:200px; padding:9px; border:#CCC solid 1px;}
.side-type-list{ display:block;}
.side-type-list li{ float:left; width:200px; margin-bottom:5px; margin-top:5px;}
.side-type-list li a{ float:left; width:170px; height:40px; line-height:40px; font-size:14px; color:#333333; overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; background:url(../Images/about.jpg) left center no-repeat #FFF; padding-left:30px;}
.side-type-list li a:hover,.side-type-list li a.current{ background:url(../Images/nav-on.png) left center no-repeat; color:#FFF;}

.side-type-lists{ display:block;}
.side-type-lists dt a{ float:left; width:170px; height:40px; line-height:40px; font-size:14px; color:#333333; overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; background:url(../Images/about.jpg) left center no-repeat #FFF; padding-left:30px; margin-bottom:5px;}
.side-type-lists dt a:hover,.side-type-lists dt a.current{ background:url(../Images/nav-on.png) left center no-repeat; color:#FFF;}
.side-type-lists dd { display:none;}
.side-type-lists dd.current { display:block;}
.side-type-lists dd a{ float:left; width:170px; height:30px; line-height:30px; font-size:12px; color:#fff; overflow:hidden;  text-overflow:ellipsis;white-space:nowrap;word-break:keep-all; background:url(../Images/arrow.png) 10px center no-repeat #5eadea; padding-left:30px; margin-bottom:5px;}
.side-type-lists dd a:hover,.side-type-lists dd a.current{ background:#d2292e; color:#FFF; }



.home-side-news-title{ float:left; width:100%; line-height:36px; text-align:center; font-size:20px; color:#333; background:#e6e6eb; top left repeat-x; }
.home-side-news-title{ float:left; width:91%; line-height:40px;color:#333; text-align:left;padding-left:30px;border:#d7d7d8 solid 1px; font-size:16px;   background:#e6e6eb; top left repeat-x; }
.home-side-news-title span{ font-size:12px; line-height:35px;}
.side-news-list{ float:left; width:200px;}
.side-news-list li{display:block; border-top:#ccc solid 1px;}
.side-news-list li a{display:block; width:100%; height:35px; font-size:12px; line-height:35px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all;}

.side-contact{ float:left; width:240px;}
.side-contact span{ display:block;padding:0 0 0 0px; line-height:30px;height:60px; overflow:hidden;
background:url(../images/side-telbg.jpg) 18px 3px no-repeat; font-size:16px; color:#fff;}
.side-contact b{ font-size:24px; color:#fff; font-family:Arial; text-align:center; display:block; }

.main{ float:right; width:980px; }
.product-list{ float:left; overflow:hidden; zoom:1; width:900px; margin-top:1px; margin-left:1px; border-bottom:#fff;  }
.product-list li{ float:left; width:210px;  height:170px; overflow:hidden;  border-bottom:#fff; solid 2px; position:relative; margin-left:2px; margin-right:1px; margin-bottom:20px; _display:inline; overflow:hidden; text-align:center;  }
.product-list li span{ float:left; width:190px; height:30px; color:#333; line-height:30px; font-size:12px; }
.product-list li .pimg{ width:190px; height:140px;   solid 1px; padding:3px;border:#d5d1d1 solid 1px;}
.product-list li img{ width:190px; height:140px;  background:#ff0000;}
.product-list li .overbg{ position:absolute; bottom:-207px; left:0px; width:115px; height:30px; padding:0px 0px 0px 0px;}
.product-list li .overbg p{ float:left; width:210px; line-height:30px; color:#FFF; font-size:14px; background:#eb0909;}

.home-title{ overflow:hidden;background:url(../images/title-line.png) center 22px no-repeat; text-align:center; font-family:"Microsoft YaHei";}
.home-title p{ line-height:35px; height:35px; overflow:hidden; font-size:26px; color:#000; width:1200px;}
.home-title p b{ color:#ff0000;}
.home-title span{ display:block; color:#666; font-size:14px; line-height:30px;}

.caserecommendbox{ float:left; width:1000px; overflow:hidden; margin-top:20px;}
.caselist{ float:left; width:1020px;}
.caselist li{ float:left; width:490px; margin:10px 20px 10px 0;}
.caselist li img{ float:left; width:160px; height:160px;}
.casebrief{ float:right; width:310px; background:#999; padding:10px; color:#FFF; height:140px; line-height:20px;}
.casebrief strong{ float:left; width:310px; height:40px; line-height:40px; font-size:14px;}
.casebrief p{ float:left; width:310px; height:100px; line-height:25px; }
.caselist li a:hover .casebrief{ background:#019143}

.liuchengbox{ float:left; width:1200px; margin-top:20px; background:url(../images/lcline.png) top center repeat-x;}
.liuchenglist{ float:left; width:1200px;}
.liuchenglist li{ float:left; width:350px; margin:0 25px;}
.liuchenglist li a{ float:left; width:350px; padding-top:20px;  background:url(../images/lcbg.png) top center no-repeat; text-align:center;}
.liuchenglist li a img{ width:90px; border-radius:100%; }
.liuchenglist li a:hover{ background:url(../images/lcon.png) top center no-repeat;}
.liuchenglist li a p{ font-size:14px; line-height:30px;}
.liuchenglist li a:hover img{  border:2px solid #d90000;}


.home-briefbox{ float:left; width:1000px; padding:20px; background:url(../images/briefbg.png); margin-top:20px;}
.home-about-img{ float:left; width:400px; height:220px;  }
.home-about-img img{ width:400px;}
.home-brief{ float:left; width:400px; margin-left:20px;}
.home-brief h2{ font-size: 24px; line-height: 50px; color: #ff0000;}
.home-brief p{ float:left; line-height:30px;}
.home-brief a{ float:left; margin-top:10px; display: inline-block;  width: 120px; border: 2px solid #c8080e; font-weight: bold; font-size: 14px; line-height: 36px; background: #c8080e; color: #fff; text-align: center; transition: all 500ms ease-in 0ms;}
.home-brief a:hover{ border-color: #fff; background: #c8080e; color: #fff;}

.home-btns{ float:right; width:260px;}
.home-btns a{ float:left; width:125px; margin-left:5px; margin-bottom:5px; height:34px; padding-top:70px; text-align:center; font-size:14px;}
.home-btns a.btn1{ background:url(../images/btns.png) top left no-repeat; }
.home-btns a.btn2{ background:url(../images/btns.png) top right no-repeat; }
.home-btns a.btn3{ background:url(../images/btns.png) bottom left no-repeat; }
.home-btns a.btn4{ background:url(../images/btns.png) bottom right no-repeat; }


.home-companynews{ float:left; width:600px; background:url(../images/about-6.jpg)}
.newsrecommend{ float:left; margin-top:10px; background:#006db8;}
.newsimg{ float:left;height:280px; overflow:hidden;}
.newsimg img{ width:300px; height:180px;}
.newscon{ float:left; width:560px; height:30px;  overflow:hidden; background:#ff0707; color:#FFF;}
.newscon strong{ float:left; width:500px; height:30px; line-height:30px; font-size:14px; color:#FFF; overflow:hidden;}
.newscon p{ float:left; width:500px; font-size:12px; color:#FFF; overflow:hidden;}
.newsbox{ float:right; width:600px;}
.home-industrynews{ float:right; width:600px;background:url(../images/about-6.jpg)}

ul.home-newslist{ float:left; width:500px; margin-top:0px;}
ul.home-newslist li{ float:left; width: 500px; height: 45px;  }
ul.home-newslist li span{ display: inline-block; width:50px; font: bold 40px/45px Arial; color: #c4c4c4; transition: color 500ms ease-in 0ms; text-align:center;}
ul.home-newslist li .con{ float:right; width: 560px; padding-left: 14px; border-left: 1px solid #dadada; line-height: 20px; color: #888;}
ul.home-newslist li .con b{ display: inline-block; width: 100%; line-height: 25px; color: #333; font-weight:normal;}
ul.home-newslist li .con p{ line-height:20px; color:#999}
ul.home-newslist li a:hover span{ color:#ff0000;}
ul.home-newslist li a:hover b{ color:#ff0000;}
ul.home-newslist li a:hover p{ color:#ff0000;}



.ad-wrapper{ padding:20px 0; height:110px; background:url(../images/adbg.png) top center repeat-x #efefef;}
.adbox{ float:left; width:1000px; font-size:20px; text-align:center;}
.adbox b{ font-size:26px; display:block; margin-bottom:10px; }
.adbox span{ font-size:30px; color:#ff0000; font-weight:bold;}
.adbox em{ margin-left:20px;}




.ba-wrapper{ padding:20px 0; height:110px; background:url(../images/wanxin1.jpg) top center repeat-x #efefef;}
.babox{ float:left; width:1000px; font-size:20px; text-align:center;}
.babox b{ font-size:26px; display:block; margin-bottom:10px; }
.babox span{ font-size:30px; color:#ff0000; font-weight:bold;}
.babox em{ margin-left:20px;}


.main-content{ float:left; width:980px; line-height:35px; overflow:hidden; }
.main-content img{ max-width: 950px; height:auto; width:expression(this.width > 920 ? "920px" : this.width);}

.main-content .titles{ display:block; font-size:16px; line-height:35px; text-align:center; border-bottom:1px dashed #ccc;}
.main-content .date{ display:block; font-size:12px; line-height:30px; text-align:center; color:#999}
.main-content b{ color:#d00712;}

ul.certificate-list{ float:left; width:750px; }
ul.certificate-list li{ float:left; width:230px; height:300px; display:inline; margin-right:10px; margin-left:10px; margin-bottom:10px; overflow:hidden; }
ul.certificate-list li .cerbox{ *float:left; width:210px; height:250px; text-align:center; vertical-align:middle; display:table-cell; position:relative; border:1px solid #ccc; padding:9px;}
ul.certificate-list li .cerimg{ *position:absolute; top:50%;}
ul.certificate-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
ul.certificate-list li span{ float:left; width:230px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px; font-size:14px;}


.news-list{ float:left; width:750px;}
.news-list li{display:block; height:80px; clear:both; margin-bottom:20px;}
.news-list li a{display:block; width:100%; height:100%;}
.news-list li a .time{width:80px; height:80px; float:left; background:#e1e1e1; transition:all 0.3s ease;}
.news-list li a .time .day{ font-size:36px; display:block; text-align:center; padding-top:20px; font-family:"Trebuchet MS", Arial; transition:all 0.3s ease;}
.news-list li a .time .date{color:#999; display:block; text-align:center; transition:all 0.3s ease;}
.news-list li a .con{width:640px; float:right; padding:5px; }
.news-list li a .con strong{ font-size:14px; display:block; line-height:30px; transition:all 0.3s ease;}
.news-list li a .con p{color:#999; display:block; line-height:20px; height:40px;}
.news-list li a:hover .time,.news-list li a:active .time{background:#ff0000;}
.news-list li a:hover .day,.news-list li a:active .day,.news-list  li a:hover .date,.news-list li a:active .date{color:#FFF;}
.news-list li:nth-child(2n){background: #f1f1f1;}

ul.job-list{ float:left; width:100%;}
ul.job-list li{ float:left; width:99%; margin-bottom:20px; border:1px solid #e4e4e4;}
ul.job-list li .jobtitle{ height:46px; overflow:hidden; cursor:pointer; border-radius:5px 5px 0 0;}
ul.job-list li .jobtitle .tit{ float:left; display:block;  line-height:46px; height:46px; overflow:hidden; padding-left:25px; font-size:14px; font-weight:bold;}
ul.job-list li .jobtitle .arr{ float:right; background:url(../images/arrow-d.jpg) center no-repeat; height:46px; width:46px;}
ul.job-list li .jobtitle-active .tit{ color:#ff0000;}
ul.job-list li .jobtitle-active .arr{ background:url(../images/arrow-u.jpg) center no-repeat;}
ul.job-list li .jobbrief{ border-top:1px solid #e4e4e4; padding-left:20px; padding-top:15px; padding-right:20px; padding-bottom:15px;}

.download-list{ float:left; width:750px;}
.download-list li{display:block; height:80px; clear:both; margin-bottom:20px;}
.download-list li a{display:block; width:100%; height:100%;}
.download-list li a .time{width:80px; height:80px; float:left; background:#e1e1e1; transition:all 0.3s ease;}
.download-list li a .time .day{ font-size:36px; display:block; text-align:center; padding-top:20px; font-family:"Trebuchet MS", Arial; transition:all 0.3s ease;}
.download-list li a .time .date{color:#999; display:block; text-align:center; transition:all 0.3s ease;}
.download-list li a .con{width:570px; float:left; padding:10px; overflow:hidden; background:#efefef;}
.download-list li a .con strong{ font-size:16px; display:block; line-height:60px; transition:all 0.3s ease;}
.download-list li a:hover .time,.download-list li a:active .time{background:#ff0000;}
.download-list li a:hover .day,.download-list li a:active .day,.download-list  li a:hover .date,.download-list li a:active .date{color:#FFF;}
.download-list li a .btn{ float:right; width:80px; line-height:80px; text-align:center; background:#ff0000; font-size:14px; color:#FFF;}
.download-list li:nth-child(2n){background: #f1f1f1;}


#faqbox{ float:left; width:100%;}
#faqbox .faqline{ float:left; width:100%; line-height:2em; height:35px; text-align:left; margin-bottom:10px;}
#faqbox .faqline .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .faqline input{ border:#cccccc solid 1px; height:25px; line-height:25px; font-family:微软雅黑; border-radius:5px;}
#faqbox .Content{ float:left; width:100%; line-height:2em; height:120px; text-align:left}
#faqbox .Content .faqtit{  width:100px; display:block; float:left; clear:both; text-align:right}
#faqbox .Content textarea { height:100px; border:#cccccc solid 1px; font-family:微软雅黑; border-radius:5px;}

.loginbox input{ border:#CCC solid 1px; line-height:25px; font-family:微软雅黑,Arial, Helvetica, sans-serif; font-size:12px;}

/*分页条*/
.pageNavi { float:left; margin-top:20px; margin-bottom:20px; display:block; WIDTH: 100%; TEXT-ALIGN: center; line-height:30px; font-size:12px;}
.wp-pagenavi { CLEAR: both}
.wp-pagenavi A {
	border:#CCC solid 1px;
	padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
	}
.wp-pagenavi SPAN { 
border:#CCC solid 1px;
padding:5px 10px; 
-moz-border-radius: 5px;      /* Gecko browsers */
-webkit-border-radius: 5px;   /* Webkit browsers */
border-radius:5px;            /* W3C syntax */
margin:0 3px;
}
.wp-pagenavi A:hover { background:#ff0000; color:#FFF; border:#ff0000 solid 1px;}
.wp-pagenavi SPAN.current {  background:#ff0000; color:#FFF; border:#ff0000 solid 1px;}

.prevpage{ display:block; line-height:30px;}

.footer-wrapper{ background:#fff; border-top:#ff0000 solid 0px;  }
.footer{ width:1000px; margin:0 auto; line-height:55px; text-align:center; }
.footer .fewm{ float:left; width:180px; background:#ff0000; }
.footer .fcopy{ float:right; width:1200px; line-height:55px; text-align:left; margin-top:20px; }
ul.fmenu-list{ float:left; width:1200px; z-index:5; margin-left:5px; }
ul.fmenu-list li{ float:left; width:100px; line-height:50px; text-align:center; position:relative; z-index:10;  }
ul.fmenu-list li a{ display:block; width:100px; height:50px;   font: bold  14px/30px 微软雅黑,Arial, Helvetica, sans-serif; color:#fff }
ul.fmenu-list li a:hover{ display:block; width:100px; height:30px; line-height:30px;}
ul.fmenu-list li ul{ float:left; width:100px; }
ul.fmenu-list li ul li{ float:left; width:100%; height:30px;}
ul.fmenu-list li ul li a{ display:block; width:100%; height:30px;  margin-top:20px; color:#fff; line-height:30px; font-weight:normal; text-align:center; border-radius:0; overflow:hidden; }
ul.fmenu-list li ul li a:hover{ color:#fff; width:100%; height:30px; line-height:30px; background:#ff0000 }
.footercopyright{ float:left; letter-spacing: 2px;   width:100%; margin-top:10px; padding:10px 0;  font-size:14px; border-top:#fff solid 0px; color:#fff; text-align:left; line-height:45px; }




.newsbox-left{ overflow:hidden; position:relative; width:1200px; }
.newsbox-left .prev{ position:absolute; left:10px; top:50%; margin-top:-33px;  width:30px; height:66px; overflow:hidden; cursor:pointer; background:url(../tianle/images/left1.png) 0 0 no-repeat;}
.newsbox-left .next{ position:absolute; right:10px; top:50%; margin-top:-33px;  width:30px; height:66px; overflow:hidden; cursor:pointer; background:url(../images/right1.png) 0 0 no-repeat;}

.newsbox-left .bd{ padding:3px; width:1100px; margin:0 auto; }
.newsbox-left .bd ul{ overflow:hidden; zoom:1; }
.newsbox-left .bd ul li{ margin:0 15px; float:left; _display:inline; overflow:hidden; text-align:center; width:240px;  }
.newsbox-left .bd ul li .con{ float:left; width:240px; padding:10px; background:#FFF; border-radius:0 0 5px 5px; }
.newsbox-left .bd ul li .pic{ text-align:center; }
.newsbox-left .bd ul li .pic img{ width:250px; height:110px; display:block;border:#ddd5d5 solid 1px;}
.newsbox-left .bd ul li .title{ float:left; width:240px; height:60px; line-height:30px; overflow:hidden; font-size:14px; color:#111111; border-bottom:#e1e1e1 solid 1px; }
.newsbox-left .bd ul li .date{ float:left; width:200px; text-align:right; line-height:30px;  font-size:12px; color:#006db8;  }
.newsbox-left .bd ul li .brief{ float:left; width:200px; text-align:left; line-height:25px; height:75px; overflow:hidden;  font-size:12px; color:#666;  }
.newsbox-left .bd ul li .nmore{ float:left; width:200px; text-align:right; line-height:30px;  font-size:12px; color:#006db8; text-decoration:underline; }
.newsbox-left .bd ul li a:hover .con{ background:#006db8; color:#FFF;}
.newsbox-left .bd ul li a:hover .title{ color:#FFF;}
.newsbox-left .bd ul li a:hover .brief{ color:#FFF;}
.newsbox-left .bd ul li a:hover .date{ color:#FFF;}
.newsbox-left .bd ul li a:hover .nmore{ color:#FFF;}



#2aboutmain{height:500px; background:url(../images/1.jpg) no-repeat center bottom; background-color:#10328c;}

#aboutmain{height:450px; background:url(../images/hoor.jpg) no-repeat center bottom; background-color:#10328c;}
#aboutmain p.bt1{text-align:center; padding-top:62px;}
#aboutmain p.bt2{text-align:center; color:#FFF; padding-top:18px; font-size:21px; color:#fff;}
#aboutmain p.con{width:1180px; margin:auto; color:#fff; text-align:center; padding-top:18px; line-height:230%;}

.aboutbox{ width:1100px; margin:10px auto 0; overflow:hidden;color:#333;}
.aboutimg{ float:left;font-size:14px; width:1100px;}
.aboutimg img{ width:400px; height:230px;}
.aboutbrief{ float:left; width:700px; line-height:35px; font-size:14px; height:270px; overflow:hidden;}


#main1{height:290px;  no-repeat center bottom; background-color:#f3f3f3;}
#main1 p.bt1{text-align:center; padding-top:90px;}
#main1 p.bt2{text-align:center; color:#FFF; padding-top:15px; font-size:21px; color:#FFF;}
#main1 p.con{color:#FFF; text-align:center; padding-top:15px;}



#promove{width:1180px; margin:auto; margin-top:40px; position:relative;}
#promove .box{width:1180px; overflow:hidden; border-radius:80px;}
#promove ul{width:9999px;}
#promove ul li{width:236px; height:220px; float:left;}
#promove ul li a{display:block; width:100%; height:100%; position:relative;}
#promove ul li a p.img{width:164px; height:164px; position:absolute; left:50%; margin-left:-82px; top:0; border:1px solid rgba(0,0,0,0.3);  transition:all 0.3s ease;}
#promove ul li a p.img img{width:156px; height:156px;  margin:4px; transition:all 0.8s ease;}
#promove ul li a p.tit{text-align:center; color:#FFF; width:206px; padding:180px 0 0 0; margin:auto; transition:all 0.3s ease; font-size:14px;}
#promove ul li a:hover p.img,#promove ul li a:active p{border-color:#FFF;}
#promove ul li a:hover p img,#promove ul li a:active p img{transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg);}
#promove ul li a:hover p.tit,#promove ul li a:active p.tit{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
#promove .prev{display:block; position:absolute; width:60px; height:60px; top:56px; left:-80px; overflow:hidden; background:url(../images/move_l.png) no-repeat center top; transition:all 0.3s ease; cursor:pointer;}
#promove .prev:hover,#m2_move .prev:active{background-position:center bottom;}
#promove .next{display:block; position:absolute; width:60px; height:60px; top:56px; right:-80px; overflow:hidden; background:url(../images/move_r.png) no-repeat center top; transition:all 0.3s ease; cursor:pointer;}
#promove .next:hover,#m2_move .next:active{background-position:center bottom;}

.promove-box{width:1180px; margin:auto; margin-top:40px; position:relative;}
.promove-left{ position:relative; width:1180px; }
.promove-left .prev{display:block; position:absolute; width:60px; height:60px; top:56px; left:-80px; overflow:hidden; background:url(../images/move_l.png) no-repeat center top; transition:all 0.3s ease; cursor:pointer;}
.promove-left .next{display:block; position:absolute; width:60px; height:60px; top:56px; right:-80px; overflow:hidden; background:url(../images/move_r.png) no-repeat center top; transition:all 0.3s ease; cursor:pointer;}
.promove-left .next:hover{background-position:center bottom;}
.promove-left .prev:hover{background-position:center bottom;}

.promove-left .bd{ width:1180px; margin:0 auto; }
.promove-left .bd ul{ overflow:hidden; zoom:1; }
.promove-left .bd ul li{width:220px; height:220px; float:left;}
.promove-left .bd ul li a{display:block; width:100%; height:100%; position:relative;}
.promove-left .bd ul li a p.img{width:190px; height:160px; position:absolute; left:50%; margin-left:-82px; top:0; border:1px solid rgba(0,0,0,0.3);  transition:all 0.3s ease;}
.promove-left .bd ul li a p.img img{width:180px; height:140px;  margin:4px; transition:all 0.8s ease;}
.promove-left .bd ul li a p.tit{text-align:center; color:#333; width:200px; padding:180px 0 0 0; margin:auto; transition:all 0.3s ease; font-size:14px;}
.promove-left .bd ul li a:hover p.img,.promove-left .bd ul li a:active p{border-color:#FFF;  border:1px solid rgba(0,0,0,0.3); }
/*.promove-left .bd ul li a:hover p img,.promove-left .bd ul li a:active p img{transform:rotatey(360deg); -webkit-transform:rotatey(360deg); -moz-transform:rotatey(360deg);}*/
.promove-left .bd ul li a:hover p.tit,.promove-left .bd ul li a:active p.tit{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}






.home-cerbox{ float:left; width:900px; margin-top:10px;height:520px;}
.cerlist{ float:left; width:100% }
.cerlist li{ float:left; width:205px; height:220px; display:inline; margin-right:10px; margin-left:10px; margin-bottom:10px; overflow:hidden; }
.cerlist li .cerbox{ *float:left; width:205px; height:190px;border:1px solid #ccc; text-align:center; vertical-align:middle; display:table-cell; position:relative;  padding:1px;}
.cerlist li .cerimg{ *position:absolute; top:50%;}
.cerlist li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9; }
.cerlist li span{ float:left; width:205px; height:30px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px; font-size:14px;}

.cerlist-left .bd ul li a:hover .title{ background-color:#10328c;}



.cerbox{ width:1200px; overflow:hidden;height:290px;     } 
ul.cer-list{ float:left; width:1200px;padding-left:95px;}
ul.cer-list li{ float:left; width:190px; border:#4c8fea solid 1px; height:190px;background-color:#d8d9de; display:inline; margin-right:25px; margin-top:20px; margin-left:8px; margin-bottom:10px; overflow:hidden; border:#b8bec2 solid 1px;}
ul.cer-list li .cerbox{ *float:left; width:190px; height:190px; text-align:center; vertical-align:middle; display:table-cell; position:relative;}
ul.cer-list li .cerimg{ *position:absolute; top:50%;}
ul.cer-list li .cerimg img{ *position:relative; top:-50%; left:-50%; vertical-align: middle\9;  width:190px; height:166px;}
ul.cer-list li span{ float:left; width:200px;  height:10px;text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; word-break:keep-all; line-height:30px;}